<template>
	<view >
		
		<view >
			<view class=" bg-white uni-list-cell-navigate uni-navigate-right" hover-class="hover-bg-color" >
				<text class="font-s28-3c  font-w600">店铺头像</text>
				<image src="../../../static/logo.png" class="img-head"></image>
			</view>
			<!-- 分割线 -->
			<view class="bg-white"><hr class="dividing-line"></view>
			<view class=" bg-white uni-list-cell-navigate " hover-class="hover-bg-color" >
				<text class="font-s28-3c ">店铺名称</text>
				<text class="font-s28-3c ">{{storeName}}</text>
			</view>
			<view class="interval-20 bg-white uni-list-cell-navigate " hover-class="hover-bg-color" >
				<text class="font-s28-3c ">店铺类型</text>
				<text class="font-s28-3c ">{{storeType}}</text>
			</view>
			<view class="interval-20 bg-white uni-list-cell-navigate "  hover-class="hover-bg-color">
				<text class="font-s28-3c ">手机号</text>
				<text class="font-s28-3c ">{{phoneNum}}</text>
			</view>
			<!-- 分割线 -->
			<view class="bg-white"><hr class="dividing-line"></view>
			<view class=" bg-white uni-list-cell-navigate uni-navigate-right" hover-class="hover-bg-color" @tap="goDetailPage(address.url)" >
				<text class="font-s28-3c ">我的地址</text>
			</view>
			<!-- 分割线 -->
			<view class="bg-white"><hr class="dividing-line"></view>
			<view class=" bg-white uni-list-cell-navigate uni-navigate-right" hover-class="hover-bg-color" @tap="goDetailPage(aboutUs.url)" >
				<text class="font-s28-3c ">关于我们</text>
			</view>
			<!-- 分割线 -->
			<view class="bg-white"><hr class="dividing-line"></view>
			<view class=" bg-white uni-list-cell-navigate uni-navigate-right" hover-class="hover-bg-color" @tap="goDetailPage('feedback')" >
				<text class="font-s28-3c ">意见反馈</text>
			</view>
			
			<view class="interval-20 bg-white uni-list-cell-navigate uni-navigate-right" hover-class="hover-bg-color" @tap="goDetailPage(aboutUs.url)" >
				<text class="font-s28-3c ">退出登陆</text>
			</view>
			
		</view>
		
		<!-- <view class="uni-card" v-for="(item,index) in optionList" :key="index">
			<view class="uni-list">
				<view class="uni-list-cell uni-collapse">
					<view class="uni-list-cell-navigate uni-navigate-right" hover-class="hover-bg-color" @tap="goDetailPage(list.url)">
						{{item}}
					</view>
				</view>
			</view>
		</view> -->
		
	</view>
</template>

<script>
	export default{
		
		data(){
			return {
				storePic : '@@.png' ,
				storeName : 'XX旗舰店',
				storeType : '个人',
				phoneNum : '1221345612',
				address : '',
				aboutUs : '',
				feedback : '',
				
				optionList : [
					'店铺头像','店铺名称','店铺类型','手机号','我的地址','关于我们','意见反馈','退出登陆'
				]
				
			};
		},
		methods: {
			goDetailPage(path) {
				uni.navigateTo({
					url: 'functionExpansion/' + path
				});
			}
		}
	}
</script>

<style>
	/* 头像样式 */
	.img-head {
		width: 100upx;
		height: 100upx;
		border-radius: 50upx;
		margin-right: 20upx;
	}
	/* 分割线样式 */
	.dividing-line {
		margin: auto;
		width: 96%;
		border: 0upx;/* 去掉其中一条边线 */
		height: 2upx;/* 粗细 */
		background-color : #f8f5f5 ;
		
	}
	
	
	
	
	/* 鼠标点击样式 */
	.hover-bg-color {
		background-color: #DBDBDB;
	}
	
	
	
</style>
